@extends('template.base')
@section('content')
  <div class="btn-group btn-group-justified" style="margin-bottom:5px">
         <div class="btn-group">
                <a href="{{URL::to('/')}}"><button class="btn btn-success2 btn-md active" >Beranda</button></a>
          </div>
          <div class="btn-group">
                <a href="{{URL::to('cekorder')}}"><button class="btn btn-success2 btn-md ">Cek order</button></a>
          </div>
          <div class="btn-group">
                <button class="btn btn-success2 btn-md" >Cara order</button>
          </div>
          <div class="btn-group">
                <button class="btn btn-success2 btn-md" >Kontak kami</button>
          </div>
  </div>

<div class="container-home" style="margin-bottom:5px;">
  <div align="center" >
      <h2><label>PRODUCT</label></h2>
  </div>
      <div class="col-sm-2">
        <div class="panel panel-success">
          <div class="panel-heading">
            <h2 class="panel-title" align="center">Brosur</h2>
          </div>
          <div class="panel-body">
          <p align="center"><img id="img" src="{{URL::to('images/icon_marketting-kit.jpg')}}" /><br><br>
           <a href="{{URL::to('order/orderbrosur')}}"><button class="btn btn-primary" style="width:100px">Pesan</button></a></p>  
          </div> 
        </div>
      </div>

      <div class="col-sm-2">
        <div class="panel panel-success">
          <div class="panel-heading">
            <h2 class="panel-title" align="center">ID Card</h2>
          </div>
          <div class="panel-body">
          <p align="center"><img id="img" src="{{URL::to('images/icon_kartu.jpg')}}" /></br></br>
          <a href="{{URL::to('order/orderidcard')}}"><button class="btn btn-primary" style="width:100px">Pesan</button></a></p>     
          </div>                
        </div>
      </div>

      <div class="col-sm-2">
        <div class="panel panel-success">
          <div class="panel-heading">
            <h2 class="panel-title" align="center">Packaging</h2>
          </div>
          <div class="panel-body">
          <p align="center"><img id="img" src="{{URL::to('images/icon_packaging.jpg')}}" /></br></br>
           <a href="{{URL::to('order/orderpackaging')}}"><button class="btn btn-primary" style="width:100px">Pesan</button></a></p>
          </div>                
        </div>
      </div>

      <div class="col-sm-2">
        <div class="panel panel-success">
          <div class="panel-heading">
            <h2 class="panel-title" align="center">Kaos</h2>
          </div>
          <div class="panel-body">
          <p align="center"><img id="img" src="{{URL::to('images/tshirt_product.png')}}" /></br></br>
          <a href="{{URL::to('order/ordertshirt')}}"><button class="btn btn-primary" style="width:100px">Pesan</button></a></p>
          </div>                
        </div>
      </div>

      <div class="col-sm-2">
        <div class="panel panel-success">
          <div class="panel-heading">
            <h2 class="panel-title" align="center">Nota</h2>
          </div>
          <div class="panel-body">
          <p align="center"><img id="img" src="{{URL::to('images/nota_product.png')}}" /></br></br>
          <a href="{{URL::to('order/ordernota')}}"><button class="btn btn-primary" style="width:100px">Pesan</button></a></p>
          </div>                
        </div>
      </div>
</div> 
 
<!--  <div class="row">
   <div class="col-md-3" style="margin-bottom:5px; margin-right:-22px">
    <div class="container-home" >
      <br>
      <div align="center">
          <button class="btn btn-primary btn-xs disabled" style="width:50%">SUPORT</button>
      </div>
     <br>
     <div id="support">     
       <p align="center">SUPPORT ESOFTDREAM 1</p>
        <div align="center">
            <button class="btn disabled btn-xs" style="width:50%">Not Online</button>
        </div>
       <br>
       <legend></legend>
     </div>
     <div id="support">
       <p align="center">SUPPORT ESOFTDREAM 2</p>
        <div align="center">
            <button class="btn btn-warning btn-xs" style="width:50%">Online</button>
        </div>
       <br>
       <legend></legend>
    </div>
     <p align="center">View next support</p>

    </div>

      <div class="container-home" style="margin-top:5px;">
      <br>
      <div align="center">
          <button class="btn btn-primary btn-xs disabled" style="width:50%">TESTIMONI</button>
      </div>
     <br>
     <div id="support">     
       <p align="center">SUPPORT ESOFTDREAM 1</p>
     </div>
     <div id="support">
       <p align="center">SUPPORT ESOFTDREAM 2</p>
    </div>
     <div id="support">
       <p align="center">SUPPORT ESOFTDREAM 2</p>
    </div>
     <div id="support">
       <p align="center">SUPPORT ESOFTDREAM 2</p>
    </div>
     <p align="center">View all</p>

    </div>
  </div>

   <div class="col-md-9" style="margin-bottom:5px; height:50%">
    <div class="container-home" >
      <br>
      <div align="center">
          <button class="btn btn-primary btn-xs disabled" style="width:80%">Event / News</button>

      </div>
     <br>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-3" style=" margin-right:-10px">
      <div class="container-home">
       <div id="support">
         <br>
         <p align="center"><button class="btn btn-primary btn-xs disabled" style="width:80%">BANK ACCOUNT</button></p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>

    </div>
    </div>
  </div>
  <div class="col-md-3" style="margin-left:-15px; margin-right:-10px" >
      <div class="container-home">
       <div id="support">
         <br>
         <p align="center"><button class="btn btn-primary btn-xs disabled" style="width:80%">NEW MEMBER</button></p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>

    </div>
    </div>
  </div>
  <div class="col-md-3" style="margin-left:-15px; margin-right:-10px" >
      <div class="container-home">
       <div id="support">
        <br>
        <p align="center"><button class="btn btn-primary btn-xs disabled" style="width:80%">TOP SPONSOR</button></p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>

    </div>
    </div>
  </div>
  <div class="col-md-3" style="margin-left:-15px;" >
      <div class="container-home" style=" width:265px">
      <div id="support">
         <br>
         <p align="center"><button class="btn btn-primary btn-xs disabled" style="width:80%">TOP INCOME</button></p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>
       <p align="center">SUPPORT ESOFTDREAM 2</p>

    </div>
    </div>
  </div>
</div> -->



@stop
@stop
     